<!--
 * @Descripttion: 
 * @version: 
 * @Author: zhang jianjun
 * @Date: 2022-06-20 11:33:28
 * @LastEditors: zhang jianjun
 * @LastEditTime: 2022-06-20 16:36:09
-->
<template>
  <div>
    <h2>News页面</h2>
    <vue-ueditor-wrap
      v-model="msg"
      :config="editorConfig"
      editor-id="editor-demo-01"
    ></vue-ueditor-wrap>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";

export default defineComponent({
  name: "News",
  components: {
  },
  setup() {
    const msg = ref("hellow");
    const editorConfig = {}
    return {
      msg,
      editorConfig
    };
  },
  created() {
    this.editorConfig = {
      UEDITOR_HOME_URL: "/UEditor/", // 访问 UEditor 静态资源的根路径，可参考常见问题1
      serverUrl: "//ueditor.szcloudplus.com/cos", // 服务端接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
    };
  },
});
</script>

<style scoped>
</style>